<template>
	<div style="width: 100%;">
		<div class="ul" v-for="(item,index) in list" :key="index">
			<child-column :itemData="item" :list="item.children" :form="form" :childrenListName="item.childrenListName" v-if="item.type == 'table'"></child-column>
			<child-com :list="item.children" :form="form" v-else></child-com>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'indexChild',
		components: {
			childCom: () => import('./childCom.vue'),
			childColumn: () => import('./childColumn.vue')
		},
		props: {
			list: {
				type: Array,
				default: () => {
					return []
				}
			},
			form: {
				type: Object,
				default: () => {}
			}
		},
		created() {},

	}
</script>

<style lang="scss" scoped>
	.ul {
		border-bottom: 1px solid #E6E6E6;
		display: flex;
		min-height: 50px;

		&:last-child {
			border-bottom: none;
		}
	}
</style>